<template>
  <!-- 顶部 -->
  <topNav />
  <!-- 头部导航 -->
  <appHeader />
  <!-- 吸顶 -->
  <appHeaderSticky />
  <main>
    <!-- 二级路由 -->
    <router-view></router-view>
    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nemo at, numquam
    molestiae, tempora quo sed tempore corrupti aliquam amet rerum quasi itaque
    dolore saepe cumque ut totam quis a error! Fugit aperiam possimus deleniti
    quam culpa maxime quas eum quis reprehenderit harum omnis a atque modi
    voluptate facilis aspernatur voluptatem, placeat sed at sequi vel.
    Voluptatem voluptatum laboriosam temporibus. Aspernatur ex quod sapiente,
    beatae, vero ullam eius quia impedit nostrum minus sequi fuga quis?
    Doloribus voluptatem magnam nihil possimus inventore eligendi cum amet eius
    harum quibusdam rerum tempora quod facere, voluptatum recusandae enim id.
    Aspernatur voluptatem fuga repellendus minima aliquam blanditiis
    perspiciatis officia molestias similique tenetur reiciendis in asperiores
    nostrum animi neque itaque culpa voluptate repellat consequuntur, placeat
    tempore minus sapiente? Tenetur voluptatibus esse tempora assumenda earum
    laudantium amet, nihil quam repudiandae pariatur quasi alias doloremque!
    Animi, illo ad! Adipisci eum unde porro ratione necessitatibus explicabo
    tempora eaque alias sint dignissimos quibusdam optio quae error laudantium
    quam, aspernatur nam? Quia, est! Eligendi, error eius accusantium earum
    maiores sint nesciunt quia illo, quidem soluta quam corporis nam officiis!
    Minima, maiores dolorum voluptas a laborum est iusto. Vitae consectetur
    delectus quasi corrupti sapiente optio consequuntur maiores sit dicta
    obcaecati distinctio quam iste recusandae minus ipsum, molestiae vero
    tenetur natus saepe. Quod asperiores illo explicabo magnam exercitationem
    dolorum sequi repudiandae ea! Animi in harum id iure ut iste tenetur, modi
    mollitia aspernatur architecto odio cum voluptates aperiam distinctio iusto
    dolores non! Quis saepe quo porro debitis perspiciatis iste ipsa cum unde at
    quia consectetur, quos molestias asperiores aliquam laboriosam ipsum. Fuga
    saepe eveniet modi vitae hic. Repellendus aspernatur eum culpa magnam veniam
    nostrum cum tempora ad, reprehenderit cupiditate molestiae distinctio
    debitis iure possimus, ipsum, corrupti facilis laudantium maxime animi
    quidem. Nulla sint eligendi aliquid maxime id! Nihil, tenetur omnis quo rem
    magnam nostrum voluptatibus obcaecati, inventore suscipit culpa libero,
    itaque odit similique ratione fugiat. Provident, exercitationem? Eveniet
    neque temporibus dolores, consectetur vel officiis quo tempore praesentium,
    pariatur voluptate recusandae. Rem, adipisci dolorem soluta cumque saepe
    inventore nostrum reprehenderit quod necessitatibus vel illo pariatur alias,
    eum cum? Laudantium suscipit, sit quos obcaecati soluta tenetur libero quas
    impedit vitae perferendis voluptas, itaque possimus ratione magni adipisci
    atque cumque. Et, nulla. Recusandae similique nulla deserunt exercitationem,
    possimus facere reiciendis consectetur doloremque, voluptatibus quam
    suscipit obcaecati, quos aliquam. Quis odit fuga debitis vero excepturi,
    maiores accusamus corporis quas officia libero porro vitae, ea voluptatibus
    iste? In omnis ea suscipit sit vero maiores id esse doloremque rerum illo.
    Incidunt excepturi, corporis deserunt fugiat necessitatibus impedit labore
    temporibus, inventore alias praesentium est provident omnis quidem
    laudantium molestiae quia autem veritatis a dolorum corrupti! Accusantium
    quia suscipit, cum quaerat ab blanditiis, accusamus distinctio ducimus
    voluptatibus debitis, dolores aliquid quod at nulla minima vero ad saepe
    omnis exercitationem porro. Asperiores reprehenderit ea maiores sunt ut esse
    maxime laboriosam corporis laborum officiis suscipit pariatur unde, eos
    minus veniam. Est dolorum aperiam animi suscipit officia voluptatum. Ut
    alias iusto amet ex tenetur. Nostrum commodi amet ipsa voluptas autem
    quibusdam eaque eos. Cumque in veniam non asperiores libero quam harum
    praesentium voluptatem excepturi, dolorum ullam suscipit vero perspiciatis
    odio impedit odit illo! Mollitia consequuntur iusto voluptatum similique
    ullam consequatur dolor illum, reprehenderit facilis laborum est distinctio
    aliquid alias dicta illo ea cum omnis deserunt exercitationem quia eum quis
    impedit. Dolores voluptatibus incidunt, exercitationem ratione nemo
    assumenda dolore sit atque dolorum, voluptatum pariatur nobis laboriosam
    mollitia vero accusantium. Est sequi aperiam ea at maxime ipsum, ducimus
    quasi maiores voluptates error numquam aliquam, tempore provident quos
    obcaecati veniam repellat facere rem adipisci. Voluptatibus eveniet rem
    iusto officiis architecto? Accusantium sequi maxime nobis tempore cupiditate
    eveniet quasi provident id tempora repellendus quaerat blanditiis
    consectetur dignissimos minus at, quos a expedita voluptatum est molestiae?
    Cumque quis reiciendis totam tempora perferendis dolorem sed. Doloribus,
    dolor cupiditate? Debitis dolores ex exercitationem tenetur fugiat. Nobis
    obcaecati ipsam laborum inventore dignissimos neque praesentium, maxime
    delectus architecto atque eveniet optio dolores tempore earum modi officiis
    aliquam voluptas expedita similique, minus voluptatem saepe? Iure a
    explicabo numquam ut, natus autem expedita accusamus, iusto animi
    perferendis voluptates esse reprehenderit necessitatibus qui molestiae
    voluptas voluptatibus veritatis sunt nisi voluptatem vero. Quam amet
    voluptatum repudiandae ipsum excepturi, laudantium modi totam a harum
    placeat mollitia voluptatibus? Soluta, cum numquam dolore accusantium
    tempore et quo autem harum! Facere hic consequatur veniam recusandae
    voluptatibus pariatur eaque laudantium nam quod quia minus aliquam id
    voluptates fugit voluptas eos et iste, incidunt beatae earum magni sunt
    doloremque aut. Reiciendis laborum cupiditate modi. Quia totam nemo quos
    consequatur dolorem nisi sint impedit reprehenderit iste ullam. Quod
    consectetur pariatur explicabo odio dolorum sapiente porro error suscipit!
    Voluptatum, ipsum enim quod minus harum aspernatur ea voluptatibus deleniti
    beatae ipsam animi esse, eos commodi sed laudantium. Quasi pariatur ad odio,
    natus repellat dolores minus asperiores, quia explicabo quam fuga ipsa ipsum
    corporis doloremque amet tempora nisi eius! Voluptas provident rerum,
    mollitia dolore quidem cumque velit reiciendis. Reprehenderit explicabo
    facere, ullam officiis minus ad veritatis magnam deleniti architecto velit
    odio omnis labore, cum laudantium optio enim neque eaque repellendus
    commodi, natus eveniet at! Sed vitae, doloremque eum dicta hic eaque placeat
    corrupti! Alias voluptatibus similique ex est et sed aliquam aperiam unde
    deserunt, autem molestiae dolores earum consequuntur. Sapiente nostrum nam
    nesciunt amet hic natus commodi alias iure officia quos odio molestias enim
    cupiditate mollitia, totam aliquid doloribus architecto voluptates ad.
    Accusamus sint, explicabo quod minima cumque sit dolor sunt fuga porro
    accusantium saepe quasi repudiandae ex facilis illum id pariatur praesentium
    ut fugiat corporis provident. Cumque dolores explicabo tempora provident
    fuga, blanditiis cum corporis? Debitis consectetur nisi maxime sed eveniet,
    quam, consequuntur harum, porro nam cumque sapiente accusantium beatae?
    Laboriosam veritatis et pariatur libero laborum commodi odit quisquam
    deleniti provident, nisi sit sapiente corporis iusto, doloribus molestias
    dolores nam accusamus nesciunt enim neque corrupti magni vitae! Accusamus
    nulla inventore velit minus accusantium impedit aliquid incidunt dignissimos
    quia? Saepe quibusdam amet assumenda, nisi alias debitis dignissimos ex
    labore suscipit non temporibus consequatur nihil deleniti. Iure quia quas
    magni doloribus velit. Magni, excepturi ipsa? Nihil nobis consequatur
    repellat?
  </main>
  <appFooter />
</template>

<script>
// 导入组件
import topNav from '@/components/app-topnav.vue'
import appHeader from '@/components/app-header.vue'
import appFooter from '@/components/app-footer.vue'
import appHeaderSticky from '@/components/app-header-sticky.vue'

// 布局容器
export default {
  name: 'xtx-layout',
  components: {
    topNav,
    appHeader,
    appFooter,
    appHeaderSticky
  }
}
</script>

<style scoped lang="less"></style>
